import { Dimensions, StyleSheet } from "react-native";
const { width } = Dimensions.get("window");

const styles = StyleSheet.create({
  item: {
    flexDirection: "row",
    alignItems: "center",
    paddingVertical: 14,
    paddingHorizontal: 16,
  },
  iconContainer: {
    width: 24,
    height: 24,
    justifyContent: "center",
    alignItems: "center",
    marginRight: 12,
  },
  text: {
    flex: 1,
    fontSize: 16,
    marginLeft: 0,
  },
  divider: {
    height: 1,
  },
  tailText: {
    fontSize: 14,
    opacity: 0.6,
    maxWidth: 120,
  },
  image: {
    width: 24,
    height: 24,
    borderRadius: 12,
    marginRight: 12,
  },
});

export default styles;
